<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../resource/dhtmlxsuitev508proeval/codebase/dhtmlx.css">
    <link rel="stylesheet" href="../../../resource/dhtmlxsuitev508proeval/skins/skyblue/dhtmlx.css">
    <script src="../../../js/jquery-3.4.1.js"></script>
    <script src="../../../resource/dhtmlxsuitev508proeval/codebase/dhtmlx.js"></script>
</head>
<body>
<button id="btn1">普通的confirm</button>
<button id="btn2">更好的confirm</button>
<button id="btn3">只有确定按钮的红色alert</button>
<script type="text/javascript">

    $(function () {
        $("#btn1").click(function () {
            dhtmlx.message({
                type: "confirm-warning",
                text: "确定发起队长申请吗?"
            });
        });
        $("#btn2").click(function () {
            dhtmlx.confirm({
                title: "提示",     // 设置标题
                text: "是否继续?",  // 设置内容
                ok: "确定",       // 设置确认按钮的文字
                cancel: "取消",    // 设置取消按钮的文字
                callback: function (value) {
                    // 点击确认按钮时, value是true, 点击取消按钮时value是false
                    dhtmlx.alert("Test alert: " + value);
                }
            });
        });
        $("#btn3").click(function () {
            dhtmlx.alert({
                type: "alert-error",
                text: "系统错误",
                title: "错误!",
                ok: "确认"
            });
        });
    })

</script>
</body>
</html>